<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%@include file="/WEB-INF/pages/common/header.jsp"%>


<style>
<!--
body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo,
		'ＭＳ Ｐゴシック', sans-serif;
	font-size: 62.5%;
}

/* .mm-lgbx  */
.lgbx-btn {
color:#ffffff;
height: 35px;
width: 100%;
font-weight: bold;
cursor: pointer;
text-align: center;
}

.purple-bg {
-webkit-border-radius: 2px;
background-color:#6E329D;

border: 1px solid #522675;

}
.blue-bg {
-webkit-border-radius: 2px;
background-color:#0b70be;

border: 1px solid #0b5fa2;

}
-->
</style>
<script>
	$(function() {
		$("#resizable").resizable();
	});
</script>

<style>
div {
	width: 300px;
	height: 300px;
	padding: 0.5em;
}

div h3 {
	text-align: center;
	margin: 0;
}
</style>

<div id="login" class="ui-widget-content">
	<h3 class="ui-widget-header">LOGIN</h3>

	<form action="login" method="post">
		<fieldset>
			<label for="email">Email</label> <input type="text" name="email"
				id="email" value="" class="text ui-widget-content ui-corner-all">
			<label for="password">Password</label> <input type="password"
				name="password" id="password" value=""
				class="text ui-widget-content ui-corner-all">

			<!-- Allow form submission with keyboard without duplicating the dialog button -->
			<input type="submit"> <input type="reset">
			
		<button type="submit" id=".save" name=".save" class="lgbx-btn purple-bg" tabindex="4">
		  Sign In
		</button>
	   <button type="reset" id=".save1" name=".save1"  class="lgbx-btn blue-bg" tabindex="4">
		  Cancel
		</button>
		</fieldset>
	</form>
</div>

<%@include file="/WEB-INF/pages/common/footer.jsp"%>